body {
  background-color: #f5f5f5;
  -webkit-tap-highlight-color: transparent;
}
.layout {
  margin-bottom: 3.46666667rem;
}
.layout .header {
  width: 100%;
  height: 11.73333333rem;
  overflow: hidden;
  background: url("../../img/wobg@2x.png");
}
.layout .header .msgAndSetting {
  width: 100%;
  height: 1.28rem;
  margin-top: 0.8rem;
}
.layout .header .msgAndSetting .msBox {
  float: right;
}
.layout .header .msgAndSetting .msBox .msg {
  float: left;
  width: 1.38666667rem;
  height: 1.28rem;
  margin-right: 0.93333333rem;
  background: url("../../img/message1@3x.png") no-repeat left center;
  background-size: 1.38666667rem 1.28rem;
}
.layout .header .msgAndSetting .msBox .setting {
  float: left;
  width: 1.38666667rem;
  height: 1.28rem;
  margin-right: 1.33333333rem;
  background: url("../../img/setup@3x.png") no-repeat left center;
  background-size: 1.38666667rem 1.28rem;
}
.layout .header .userMsg {
  width: 100%;
  height: 3.36rem;
  margin-bottom: 2.18666667REM;
}
.layout .header .userMsg .userHeader {
  float: left;
  width: 3.36rem;
  height: 3.36rem;
  border-radius: 50%;
  margin-left: 1.33333333rem;
  overflow: hidden;
}
.layout .header .userMsg .userHeader img {
  display: block;
  width: 100%;
  height: 100%;
}
.layout .header .userMsg .userName {
  float: left;
  font-size: 1.01333333rem;
  color: #fff;
  padding-top: 0.66666667rem;
  margin-left: 0.96rem;
  box-sizing: border-box;
}
.layout .header .assets {
  width: 100%;
}
.layout .header .assets .diamonds,
.layout .header .assets .coin,
.layout .header .assets .redPacket {
  float: left;
  width: 33.33%;
  color: #fff;
}
.layout .header .assets .diamondNum,
.layout .header .assets .coinNum,
.layout .header .assets .redPacketNum {
  text-align: center;
  font-size: 1.17333333rem;
  font-weight: 700;
}
.layout .header .assets .diamondIcon,
.layout .header .assets .coinIcon,
.layout .header .assets .redPacketIcon {
  width: 2.66666667rem;
  margin: 0 auto;
  font-size: 0.69333333rem;
  color: #a6a6a6;
  padding-left: 1.06666667rem;
  margin-top: 0.53333333rem;
  box-sizing: border-box;
}
.layout .header .assets .diamondIcon {
  background: url("../../img/dimond@3x.png") no-repeat left center;
  background-size: 0.93333333rem 0.93333333rem;
}
.layout .header .assets .coinIcon {
  background: url("../../img/gold@3x.png") no-repeat left center;
  background-size: 0.93333333rem 0.93333333rem;
}
.layout .header .assets .redPacketIcon {
  background: url("../../img/red@3x.png") no-repeat left center;
  background-size: 0.93333333rem 0.93333333rem;
}
.layout .menuList {
  margin: 0.53333333rem 0;
  padding: 0 0.53333333rem;
  box-sizing: border-box;
}
.layout .menuList ul {
  width: 100%;
  height: 4.8rem;
  background-color: #ffd11a;
}
.layout .menuList ul li {
  float: left;
  width: 25%;
  height: 4.8rem;
}
.layout .menuList ul li a {
  display: block;
  width: 100%;
  height: 4.8rem;
  font-size: 0.69333333rem;
  color: #1f1f1f;
  text-align: center;
  padding-top: 3.14666667rem;
  box-sizing: border-box;
  position: relative;
}
.layout .menuList ul li a i {
  position: absolute;
  top: 0.93333333rem;
  right: 1.33333333rem;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  color: #fff;
  font-size: 0.32rem;
  text-align: center;
  line-height: 0.8rem;
  font-style: normal;
  background-color: #141414;
}
.layout .menuList ul li .orderBtn {
  background: url("../../img/M_order@2x.png") no-repeat center 1.17333333rem;
  background-size: 1.46666667rem 1.46666667rem;
}
.layout .menuList ul li .carBtn {
  background: url("../../img/M_shopping.png") no-repeat center 1.17333333rem;
  background-size: 1.46666667rem 1.46666667rem;
}
.layout .menuList ul li .addBtn {
  background: url("../../img/M_address.png") no-repeat center 1.17333333rem;
  background-size: 1.46666667rem 1.46666667rem;
}
.layout .menuList ul li .cleBtn {
  background: url("../../img/M_shoucang.png") no-repeat center 1.17333333rem;
  background-size: 1.46666667rem 1.46666667rem;
}
.layout .functionList {
  padding: 0 0.53333333rem;
  box-sizing: border-box;
}
.layout .functionList ul li {
  float: left;
  width: 9.2rem;
  height: 4.26666667rem;
  border-radius: 5px;
  margin-right: 0.53333333rem;
  margin-bottom: 0.53333333rem;
  background-color: #fff;
}
.layout .functionList ul li a {
  display: block;
  width: 100%;
  height: 4.26666667rem;
  text-align: center;
  padding-top: 2.85333333rem;
  color: #1f1f1f;
  font-size: 0.69333333rem;
  box-sizing: border-box;
}
.layout .functionList ul li .phonePay {
  background: url("../../img/M_phone@3x.png") no-repeat center 0.66666667rem;
  background-size: 1.6rem 1.70666667rem;
}
.layout .functionList ul li .oilPay {
  background: url("../../img/M_oil@3x.png") no-repeat center 0.66666667rem;
  background-size: 1.6rem 1.70666667rem;
}
.layout .functionList ul li .tipsPaY {
  background: url("../../img/M_coupon@3x.png") no-repeat center 0.66666667rem;
  background-size: 1.6rem 1.70666667rem;
}
.layout .functionList ul li .flutePay {
  background: url("../../img/M_traffic@3x.png") no-repeat center 0.66666667rem;
  background-size: 1.6rem 1.70666667rem;
}
.layout .functionList ul li:nth-of-type(2n) {
  margin-right: 0;
}
.layout .menu {
  width: 100%;
  height: 2.66666667rem;
  border-top: 1px solid #ebebeb;
  background-color: #fff;
  box-sizing: border-box;
  position: fixed;
  bottom: 0;
  left: 0;
}
.layout .menu ul li {
  float: left;
  width: 20%;
  height: 2.66666667rem;
  position: relative;
}
.layout .menu ul li a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #08090a;
  font-size: 0.53333333rem;
  padding-top: 1.6rem;
  box-sizing: border-box;
}
.layout .menu ul li span {
  position: absolute;
}
.layout .menu ul li .indexxIcon {
  top: 0.26666667rem;
  left: 50%;
  margin-left: -0.58666667rem;
  width: 1.17333333rem;
  height: 1.2rem;
  background: url("../../img/home _U@3x.png") no-repeat center center;
  background-size: 1.17333333rem 1.2rem;
}
.layout .menu ul li .classifyIcon {
  top: 0.26666667rem;
  left: 50%;
  margin-left: -0.58666667rem;
  width: 1.17333333rem;
  height: 1.2rem;
  background: url("../../img/classify_U@3x.png") no-repeat center center;
  background-size: 1.17333333rem 1.2rem;
}
.layout .menu ul li .activityIcon {
  top: -0.66666667rem;
  left: 50%;
  margin-left: -1.04rem;
  width: 2.08rem;
  height: 2.08rem;
  background: url("../../img/acticity_U@3x.png") no-repeat center center;
  background-size: 2.08rem 2.08rem;
}
.layout .menu ul li .carIcon {
  top: 0.21333333rem;
  left: 50%;
  margin-left: -0.64rem;
  width: 1.28rem;
  height: 1.33333333rem;
  background: url("../../img/M_shopping.png") no-repeat center center;
  background-size: 1.28rem 1.33333333rem;
}
.layout .menu ul li .meIcon {
  top: 0.26666667rem;
  left: 50%;
  margin-left: -0.58666667rem;
  width: 1.17333333rem;
  height: 1.22666667rem;
  background: url("../../img/mine_S@3x.png") no-repeat center center;
  background-size: 1.17333333rem 1.2rem;
}
